﻿<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="description" content="">
        <meta name="author" content="">
        <link rel="icon" href="../../../images/favicon.ico">

        <title>洲博通 - 洲博通进口系统 </title>

        <!-- 文件导入，共性抽取 -->
        <script src="../../js/kimImport.js"></script>
        <!-- <kimImport src="../../common/sharePageMain.html"></kimImport> -->

        <script src="../../../assets/vendor_components/jquery/dist/jquery.js"></script>
        <script src="../../js/template-web.js"></script>
        <script src="../../js/mockData.js"></script>


        <!-- Bootstrap 4.0-->
        <link rel="stylesheet" href="../../../assets/vendor_components/bootstrap/dist/css/bootstrap.min.css">

        <!-- iCheck -->
        <link rel="stylesheet" href="../../../assets/vendor_plugins/iCheck/flat/blue.css">

        <!-- Bootstrap extend-->
        <link rel="stylesheet" href="../../css/bootstrap-extend.css">

        <!-- Theme style -->
        <link rel="stylesheet" href="../../css/master_style.css">

        <!-- 洲博通 skins -->
        <link rel="stylesheet" href="../../css/skins/_all-skins.css">

        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
	<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
	<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
	<![endif]-->


    </head>

    <style>
        body {
            width: 100%;
        }

        /* #router { */
        /* width: 100%; */
        /* height: 100vh; */
        /* overflow-y: scroll */
        /* } */
    </style>

    <body class="sidebar-collapse skin-blue sidebar-mini">
        <b data-toggle="push-menu" style="display:none"></b>
        <div class="wrapper">


            <header class="main-header">
                <a href="javascript:void()" class="logo">
                    <!-- mini logo -->
                    <b class="logo-mini" data-toggle="push-menu">
                        <span class="light-logo"><img src="../../../images/logo/logo@3x-dark.png" alt="logo"
                                style="max-width: 50%"></span>
                        <span class="dark-logo"><img src="../../../images/logo/logo-dark.png" alt="logo"></span>
                    </b>
                    <!-- logo-->
                    <span class="logo-lg" data-toggle="push-menu">
                        <span class="light-logo">洲博通进口</span>
                        <!-- <img src="../../../images/logo-light-text.png" alt="logo" class="light-logo">
                        <img src="../../../images/logo-dark-text.png" alt="logo" class="dark-logo"> -->
                    </span>
                </a>
                <!-- Header Navbar -->
                <nav class="navbar navbar-static-top">
                    <!-- Sidebar toggle button-->
                    <div>

                        <a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button">
                            <span class="sr-only">Toggle navigation</span>
                        </a>

                        <!-- <div class="btn-group d-none d-lg-inline-block mt-5">
                  <button class="btn dropdown-toggle mr-10 btn-outline btn-white" type="button"
                    data-toggle="dropdown">Dashboard</button>
                  <div class="dropdown-menu">
                    <a class="dropdown-item"
                      href="http://html-templates.multipurposethemes.com/bootstrap-4/admin/fab-admin/src/"><i
                        class="fa fa-dashboard w-30"></i>Main Dashboard</a>
                    <a class="dropdown-item"
                      href="http://html-templates.multipurposethemes.com/bootstrap-4/admin/fab-admin/ecommerce-dashboard/"><i
                        class="fa fa-shopping-basket w-30"></i>eCommerce Dashboard</a>
                    <a class="dropdown-item"
                      href="http://html-templates.multipurposethemes.com/bootstrap-4/admin/fab-admin/hospital-dashboard/"><i
                        class="fa fa-heartbeat w-30"></i>Hospital Dashboard</a>
                    <a class="dropdown-item"
                      href="http://html-templates.multipurposethemes.com/bootstrap-4/admin/fab-admin/horizontal-nav/main"><i
                        class="fa fa-bars w-30"></i>Horizontal Nav Dashboard</a>
                    <a class="dropdown-item"
                      href="http://html-templates.multipurposethemes.com/bootstrap-4/admin/fab-admin/horizontal-nav/real-estate-dashboard"><i
                        class="fa fa-building w-30"></i>Real Estate Dashboard</a>
                  </div>
                </div> -->

                    </div>

                    <div class="navbar-custom-menu">
                        <ul class="nav navbar-nav">

                            <li class="search-box">
                                <a class="nav-link hidden-sm-down" href="javascript:void()"><i
                                        class="mdi mdi-magnify"></i></a>
                                <form class="app-search" style="display: none;">
                                    <input type="text" class="form-control" placeholder="Search &amp; enter"> <a
                                        class="srh-btn"><i class="ti-close"></i></a>
                                </form>
                            </li>





                            <!-- Messages -->
                            <li class="dropdown messages-menu">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                    <i class="mdi mdi-email"></i>
                                </a>
                                <ul class="dropdown-menu scale-up xhrMsg">
                                </ul>
                                <script type="text/html" id="msgTemp">
                            <li class="header">你有{{len}}条信息</li>
                            <li>
                              <ul class="menu inner-content-div">
                                  {{each list  value index}} 
                                <li>
                                    <a href="#">
                                      <div class="pull-left">
                                        <img src="{{value.avatar}}" class="rounded-circle" alt="User Image">
                                      </div>
                                      <div class="mail-contnet">
                                        <h4>
                                          {{value.username}}
                                          <small><i class="fa fa-clock-o"></i> {{value.time}}</small>
                                        </h4>
                                        <span>{{value.contentText}}</span>
                                      </div>
                                    </a>
                                  </li>
                                  {{/each}}
                                </ul>
                  
          
                            <li class="footer"><a href="javascript:kimURL('../messageCenter/personalMessage.html','kimMessageCenter')">查看全部</a></li>
                        
                        </script>
                            </li>


                            <!-- Notifications -->
                            <li class="dropdown notifications-menu">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                    <i class="mdi mdi-bell"></i>
                                </a>
                                <ul class="dropdown-menu scale-up xhrNotifications">

                                    <script type="text/html" id="notificationsTemp">
                        <li class="header">你有{{len}}条通知</li>
                    <li>
                        <ul class="menu inner-content-div">
                          {{each list  value index}}
                          <li>
                              <a href="#">
                                <i class="fa {{value.icon}}"></i> {{value.contentText}}
                              </a>
                            </li>
                          {{/each}}
                        </ul>
                      </li>
                      <li class="footer"><a href="#">显示全部</a></li>
                  </script>
                                </ul>
                            </li>



                            <!-- Tasks-->
                            <li class="dropdown tasks-menu">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                    <i class="mdi mdi-message"></i>
                                </a>
                                <ul class="dropdown-menu scale-up xhrTasks">

                                    <script type="text/html" id="tasksTemp">
                          <li class="header">你有{{len}}个任务</li>
                          <li>
                           
                            <ul class="menu inner-content-div">
                                  {{each list  value index}}
                                  <li>
                                      <a href="#">
                                        <h3>
                                          {{value.contentText}}
                                          <small class="pull-right">{{value.speedProgress.progress}}%</small>
                                        </h3>
                                        <div class="progress xs">
                                          <div class="progress-bar {{value.speedProgress.color}}" style="width:{{value.speedProgress.progress}}%" role="progressbar"
                                            aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
                                            <span class="sr-only">{{value.speedProgress.progress}}完成</span>
                                          </div>
                                        </div>
                                      </a>
                                    </li>
                                    {{/each}}
                                  </ul>
              
                          <li class="footer">
                            <a href="#">查看所有任务</a>
                          </li>
                        
                        </script>

                                </ul>
                            </li>
                            <!-- User Account-->
                            <li class="dropdown user user-menu">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                    <img src="../../../images/user/user1-128x128.png" class="user-image rounded-circle"
                                        alt="User Image">
                                </a>
                                <ul class="dropdown-menu scale-up">
                                    <!-- User image -->
                                    <li class="user-header">
                                        <img src="../../../images/user/user1-128x128.png"
                                            class="float-left rounded-circle" alt="User Image">

                                        <p>
                                            <span class="xhrUserName"></span>
                                            <small class="xhr_mb-5 xhrUserEmail"></small>
                                            <a href="#" class="btn btn-danger btn-sm btn-rounded">查看详情</a>
                                        </p>
                                    </li>
                                    <!-- Menu Body -->
                                    <li class="user-body">
                                        <div class="row no-gutters">
                                            <div class="col-12 text-left">
                                                <a href="#"><i class="ion ion-person"></i> 我的项目</a>
                                            </div>
                                            <div class="col-12 text-left">
                                                <a href="#"><i class="ion ion-email-unread"></i> 邮箱</a>
                                            </div>
                                            <div class="col-12 text-left">
                                                <a href="#"><i class="ion ion-settings"></i> 设置</a>
                                            </div>
                                            <div role="separator" class="divider col-12"></div>
                                            <div class="col-12 text-left">
                                                <a href="#"><i class="ti-settings"></i> 用户设置</a>
                                            </div>
                                            <div role="separator" class="divider col-12"></div>
                                            <div class="col-12 text-left">
                                                <a href="../../../index.html"><i class="fa fa-power-off"></i> 退出</a>
                                            </div>
                                        </div>
                                        <!-- /.row -->
                                    </li>
                                </ul>
                            </li>
                            <!-- Control Sidebar Toggle Button -->
                            <li>
                                <a href="#" data-toggle="control-sidebar"><i class="fa fa-cog fa-spin"></i></a>
                            </li>
                        </ul>
                    </div>
                </nav>
            </header>

            <aside class="main-sidebar">
                <!-- sidebar-->
                <section class="sidebar">

                    <!-- sidebar menu-->

                    <!-- <i class=""></i>
              <i class=""></i>
              <i class=""></i>
              <i class=""></i> -->

                    <ul class="sidebar-menu" data-widget="tree">
                        <li class="user-profile treeview">
                            <a href="../src/index.html">
                                <img src="../../../images/user/user1-128x128.png" alt="user">
                                <span class="xhrUserName"></span>
                                <span class="xhr_pull-right-container">
                                    <i class="fa fa-angle-right pull-right"></i>
                                </span>
                            </a>
                            <ul class="treeview-menu">
                                <li><a href="javascript:void()"><i class="fa fa-user mr-5"></i>我的项目 </a></li>
                                <li><a href="javascript:void()"><i class="fa fa-money mr-5"></i>我的余额</a></li>
                                <li><a href="javascript:void()"><i class="fa fa-envelope-open mr-5"></i>邮箱</a></li>
                                <li><a href="javascript:void()"><i class="fa fa-cog mr-5"></i>用户设置</a></li>
                                <li><a href="../../../index.html"><i class="fa fa-power-off mr-5"></i>退出</a></li>
                            </ul>
                        </li>


                        <!-- <li class="header nav-small-cap">个人的</li> -->





                        <li class="kimWorkbench active">
                            <a href="javascript:kimURL('./Workbench.html','kimWorkbench')">
                                <i class="fa fa-dashboard"></i> <span>仪表板</span>
                                <span class="pull-right-container">
                                    <i class="fa fa-angle-right pull-right"></i>
                                </span>
                            </a>
                        </li>




                        <li class="kimMessageCenter">
                            <a href="javascript:kimURL('../MessageCenter/personalMessage.html','kimMessageCenter')">
                                <i class="fa  fa-commenting-o"></i> <span>消息中心</span>
                                <span class="pull-right-container">
                                    <i class="fa fa-angle-right pull-right"></i>
                                </span>
                            </a>
                        </li>



                        <!-- <li class="ExportMailbox">
                            <a href="javascript:kimURL('../ExportMailbox/mailbox.html','ExportMailbox1')">
                                <i class="fa fa-envelope-o"></i> <span>邮箱</span>
                                <span class="pull-right-container">
                                    <i class="fa fa-angle-right pull-right"></i>
                                </span>
                            </a>

                            <ul class="treeview-menu">
                                    <li><a href="javascript:kimURL('../ExportMailbox/mailbox.html','ExportMailbox1')"><i
                                                class=""></i>收件箱</a>
                                    </li>
                                    <li><a href="javascript:kimURL('../ExportMailbox/compose.html','ExportMailbox2')"><i
                                                class=""></i>编写</a></li>
                                    <li><a href="javascript:kimURL('../ExportMailbox/read-mail.html','ExportMailbox3')"><i
                                                class=""></i>查阅</a>
                                    </li>
                                </ul>
                        </li> -->



                        <li class="treeview CompanyManage">
                            <a href="javascript:void(0)">
                                <i class="fa fa-user-o"></i>
                                <span>境外供应商</span>
                                <span class="pull-right-container">
                                    <i class="fa fa-angle-right pull-right"></i>
                                </span>
                            </a>
                            <ul class="treeview-menu">
                                <li><a
                                        href="javascript:kimURL('../CompanyManage/customerManagement.html','CompanyManage1')">供应商管理</a>
                                </li>

                                <li><a
                                        href="javascript:kimURL('../CompanyManage/customerDetails.html','CompanyManage2')">供应商详情</a>
                                </li>

                            </ul>
                        </li>


                        <li class="treeview AuditManagement">
                            <a href="javascript:void(0)">
                                <i class="fa  fa-superpowers"></i>
                                <span>审核管理</span>
                                <span class="pull-right-container">
                                    <i class="fa fa-angle-right pull-right"></i>
                                </span>
                            </a>
                            <ul class="treeview-menu">

                                <li><a
                                        href="javascript:kimURL('../AuditManagement/businessContracts.html','AuditManagement3')">业务合同审核</a>
                                </li>

                                <li><a
                                        href="javascript:kimURL('../AuditManagement/customerAudit.html','AuditManagement1')">供应商审核</a>
                                </li>

                                <li><a
                                        href="javascript:kimURL('../AuditManagement/productAudit.html','AuditManagement2')">产品审核</a>
                                </li>


                            </ul>
                        </li>


                        <li class="treeview OrderCenter">
                            <a href="javascript:void(0)">
                                <i class="fa fa-paypal"></i>
                                <span>订单中心</span>
                                <span class="pull-right-container">
                                    <i class="fa fa-angle-right pull-right"></i>
                                </span>
                            </a>
                            <ul class="treeview-menu">
                                <li><a
                                        href="javascript:kimURL('../OrderCenter/orderManagement.html','OrderCenter1')">订单管理</a>
                                </li>

                                <li><a href="javascript:kimURL('../OrderCenter/Approval.html','OrderCenter2')">通关审批</a>
                                </li>
                                <!-- 
                                <li><a
                                        href="javascript:kimURL('../OrderCenter/businessContracts.html','OrderCenter3')">业务合审核</a>
                                </li> -->

                            </ul>
                        </li>

                        <li class="treeview FundManagement" style="margin-left: -2px">
                            <a href="javascript:void(0)">
                                <i class="fa fa-money"></i>
                                <span>资金管理</span>
                                <span class="pull-right-container">
                                    <i class="fa fa-angle-right pull-right"></i>
                                </span>
                            </a>
                            <ul class="treeview-menu">
                                <li><a
                                        href="javascript:kimURL('../FundManagement/Remittance.html','FundManagement')">付汇审批</a>
                                </li>

                                <li><a
                                        href="javascript:kimURL('../FundManagement/InvoiceInformation.html','FundManagement4')">税费审批</a>
                                </li>

                                <li><a
                                        href="javascript:kimURL('../FundManagement/BillCollectionManagement.html','FundManagement2')">杂费审批</a>
                                </li>

                                <!-- <li><a
                                        href="javascript:kimURL('../FundManagement/Taxation.html','FundManagement1')">税费审批</a>
                                </li> -->

                                <!-- <li><a
                                        href="javascript:kimURL('../FundManagement/TaxRefundStatus.html','FundManagement6')">退税状态</a>
                                </li> -->



                            </ul>
                        </li>


                        <li class="treeview BasicData">
                            <a href="javascript:void(0)">
                                <i class="fa fa-database"></i>
                                <span>基础数据</span>
                                <span class="pull-right-container">
                                    <i class="fa fa-angle-right pull-right"></i>
                                </span>
                            </a>
                            <ul class="treeview-menu">
                                <li><a
                                        href="javascript:kimURL('../BasicData/CustomsProductCode.html','BasicData1')">海关商品编码维护</a>
                                </li>
                                <li><a href="javascript:kimURL('../BasicData/currency.html','BasicData2')">币种</a>
                                </li>
                                <li><a
                                        href="javascript:kimURL('../BasicData/BusinessParameters.html','BasicData3')">业务参数</a>
                                </li>

                                <li><a
                                        href="javascript:kimURL('../BasicData/ExchangeRateMaintenance.html','BasicData4')">汇率维护</a>
                                </li>

                                <li><a
                                        href="javascript:kimURL('../BasicData/PlaceClearance.html','BasicData5')">入境口岸</a>
                                </li>
                                <li><a href="javascript:kimURL('../BasicData/PriceStrategy.html','BasicData6')">价格策略</a>
                                </li>

                            </ul>
                        </li>


                        <li class="treeview ReportManagement">
                            <a href="javascript:void(0)">
                                <i class="fa fa fa-calendar"></i>
                                <span>报单管理</span>
                                <span class="pull-right-container">
                                    <i class="fa fa-angle-right pull-right"></i>
                                </span>
                            </a>
                            <ul class="treeview-menu">
                                <li><a
                                        href="javascript:kimURL('../ReportManagement/CustomerInformation.html','ReportManagement1')">供应商信息</a>
                                </li>
                                <li><a
                                        href="javascript:kimURL('../ReportManagement/DetailsCharges.html','ReportManagement2')">费用明细</a>
                                </li>
                                <li><a
                                        href="javascript:kimURL('../ReportManagement/StatementProfitStatistics.html','ReportManagement3')">利润统计报表</a>
                                </li>

                                <!-- <li><a
                                        href="javascript:kimURL('../ReportManagement/AuthorityManagement.html','ReportManagement4')">权限管理</a>
                                </li> -->

                            </ul>
                        </li>


                        <li class="treeview authorization" style="margin-left: -2px">
                            <a href="javascript:void(0)">
                                <i class="fa  fa-connectdevelop"></i>
                                <span>授权中心</span>
                                <span class="pull-right-container">
                                    <i class="fa fa-angle-right pull-right"></i>
                                </span>
                            </a>
                            <ul class="treeview-menu">
                                <li><a
                                        href="javascript:kimURL('../Authorization/UserManagement.html','authorization1')">用户管理</a>
                                </li>
                                <li><a
                                        href="javascript:kimURL('../Authorization/RoleManagement.html','authorization2')">角色管理</a>
                                </li>
                                <li><a
                                        href="javascript:kimURL('../Authorization/MenuManagement.html','authorization3')">菜单配置</a>
                                </li>
                                <li><a
                                        href="javascript:kimURL('../Authorization/AuthorityManagement.html','authorization4')">权限管理</a>
                                </li>

                            </ul>
                        </li>






































                        <!-- 


                      <li class="kimdashboard">
                            <a href="javascript:kimURL('../dashboard/dashboard.html','kimdashboard')">
                                <i class="fa fa-dashboard"></i> <span>仪表板</span>
                                <span class="pull-right-container">
                                    <i class="fa fa-angle-right pull-right"></i>
                                </span>
                            </a>
                        </li>

                       <li class="treeview kimapp">
                            <a href="javascript:void(0)">
                                <i class="fa fa-th"></i>
                                <span>应用程序</span>
                                <span class="pull-right-container">
                                    <i class="fa fa-angle-right pull-right"></i>
                                </span>
                            </a>
                            <ul class="treeview-menu">
                                <li><a href="javascript:kimURL('../app/app-chat.html','kimapp1')">聊天应用程序</a>
                                </li>
                                <li><a href="javascript:kimURL('../app/app-contact.html','kimapp2')">联系/员工</a>
                                </li>
                                <li><a href="javascript:kimURL('../app/app-ticket.html','kimapp3')">支持票</a></li>
                                <li><a href="javascript:kimURL('../app/calendar.html','kimapp4')">日历</a></li>
                                <li><a href="javascript:kimURL('../app/profile.html','kimapp5')">介紹</a></li>
                                <li><a href="javascript:kimURL('../app/userlist-grid.html','kimapp6')">用户列表网格</a>
                                </li>
                                <li><a href="javascript:kimURL('../app/userlist.html','kimapp7')">用户列表</a></li>
                            </ul>
                        </li>


                        
                         <li class="kimmailbox">
                            <a href="javascript:kimURL('../mailbox/mailbox.html','kimmailbox1')">
                                <i class="fa fa-envelope-o"></i> <span>邮箱</span>
                                <span class="pull-right-container">
                                    <i class="fa fa-angle-right pull-right"></i>
                                </span>
                            </a>

                            <ul class="treeview-menu">
                                    <li><a href="javascript:kimURL('../mailbox/mailbox.html','kimmailbox1')"><i
                                                class=""></i>收件箱</a>
                                    </li>
                                    <li><a href="javascript:kimURL('../mailbox/compose.html','kimmailbox2')"><i
                                                class=""></i>编写</a></li>
                                    <li><a href="javascript:kimURL('../mailbox/read-mail.html','kimmailbox3')"><i
                                                class=""></i>查阅</a>
                                    </li>
                                </ul>
                        </li> 


                        <li class="treeview kimui">
                            <a href="javascript:void(0)">
                                <i class="fa fa-laptop"></i>
                                <span>UI 元素</span>
                                <span class="pull-right-container">
                                    <i class="fa fa-angle-right pull-right"></i>
                                </span>
                            </a>
                            <ul class="treeview-menu">
                                <li><a href="javascript:kimURL('../UI/badges.html','kimui1')"><i class=""></i>徽章</a>
                                </li>
                                <li><a href="javascript:kimURL('../UI/border-utilities.html','kimui2')"><i
                                            class=""></i>边框</a>
                                </li>
                                <li><a href="javascript:kimURL('../UI/buttons.html','kimui')"><i class=""></i>按钮</a>
                                </li>
                                <li><a href="javascript:kimURL('../UI/bootstrap-switch.html','kimui3')"><i
                                            class=""></i>Bootstrap
                                        开关</a></li>
                                <li><a href="javascript:kimURL('../UI/cards.html','kimui')"><i class=""></i>用户卡</a></li>
                                <li><a href="javascript:kimURL('../UI/color-utilities.html','kimui4')"><i
                                            class=""></i>颜色</a>
                                </li>
                                <li><a href="javascript:kimURL('../UI/date-paginator.html','kimui5')"><i
                                            class=""></i>日期分页器</a></li>
                                <li><a href="javascript:kimURL('../UI/dropdown.html','kimui6')"><i class=""></i>下拉列表</a>
                                </li>
                                <li><a href="javascript:kimURL('../UI/dropdown-grid.html','kimui7')"><i
                                            class=""></i>下拉网格</a></li>
                                <li><a href="javascript:kimURL('../UI/general.html','kimui8')"><i class=""></i>概述</a>
                                </li>
                                <li><a href="javascript:kimURL('../UI/icons.html','kimui9')"><i class=""></i>图标</a></li>
                                <li><a href="javascript:kimURL('../UI/media-advanced.html','kimui10')"><i
                                            class=""></i>高级格柵</a></li>
                                <li><a href="javascript:kimURL('../UI/modals.html','kimui11')"><i class=""></i>情态</a>
                                </li>
                                <li><a href="javascript:kimURL('../UI/nestable.html','kimui12')"><i
                                            class=""></i>可嵌套的</a>
                                </li>
                                <li><a href="javascript:kimURL('../UI/notification.html','kimui13')"><i
                                            class=""></i>通知</a>
                                </li>
                                <li><a href="javascript:kimURL('../UI/portlet-draggable.html','kimui14')"><i
                                            class=""></i>可拖动的組件</a></li>
                                <li><a href="javascript:kimURL('../UI/ribbons.html','kimui15')"><i class=""></i>色带</a>
                                </li>
                                <li><a href="javascript:kimURL('../UI/sliders.html','kimui16')"><i class=""></i>滑块</a>
                                </li>
                                <li><a href="javascript:kimURL('../UI/sweatalert.html','kimui17')"><i
                                            class=""></i>甜蜜的警报</a>
                                </li>
                                <li><a href="javascript:kimURL('../UI/tab.html','kimui18')"><i class=""></i>选项卡</a>
                                </li>
                                <li><a href="javascript:kimURL('../UI/timeline.html','kimui19')"><i class=""></i>时间线</a>
                                </li>
                                <li><a href="javascript:kimURL('../UI/timeline-horizontal.html','kimui20')"><i
                                            class=""></i>水平时间线</a></li>
                            </ul>
                        </li>

                        <li class="header nav-small-cap">表单、表格和布局</li>


                        <li class="treeview kimwidgets">
                            <a href="javascript:void()">
                                <i class="fa fa-bars"></i>
                                <span>工具</span>
                                <span class="pull-right-container">
                                    <i class="fa fa-angle-right pull-right"></i>
                                </span>
                            </a>
                            <ul class="treeview-menu">
                                <li><a href="javascript:kimURL('../widgets/blog.html','kimwidgets1')"><i
                                            class=""></i>博客</a>
                                </li>
                                <li><a href="javascript:kimURL('../widgets/chart.html','kimwidgets2')"><i
                                            class=""></i>海图</a>
                                </li>
                                <li><a href="javascript:kimURL('../widgets/list.html','kimwidgets3')"><i
                                            class=""></i>表</a>
                                </li>
                                <li><a href="javascript:kimURL('../widgets/social.html','kimwidgets4')"><i
                                            class=""></i>社交的</a></li>
                                <li><a href="javascript:kimURL('../widgets/statistic.html','kimwidgets5')"><i
                                            class=""></i>统计的</a>
                                </li>
                                <li><a href="javascript:kimURL('../widgets/weather.html','kimwidgets6')"><i
                                            class=""></i>天气</a></li>
                                <li><a href="javascript:kimURL('../widgets/widgets.html','kimwidgets7')"><i
                                            class=""></i>小工具</a>
                                </li>
                            </ul>
                        </li>

                        <li class="treeview kimbox">
                            <a href="javascript:void()">
                                <i class="fa fa-square-o"></i>
                                <span>盒子</span>
                                <span class="pull-right-container">
                                    <i class="fa fa-angle-right pull-right"></i>
                                </span>
                            </a>
                            <ul class="treeview-menu">
                                <li><a href="javascript:kimURL('../box/advanced.html','kimbox1')"><i class=""></i>高级</a>
                                </li>
                                <li><a href="javascript:kimURL('../box/basic.html','kimbox2')"><i class=""></i>基本的</a>
                                </li>
                                <li><a href="javascript:kimURL('../box/color.html','kimbox3')"><i class=""></i>颜色</a>
                                </li>
                                <li><a href="javascript:kimURL('../box/group.html','kimbox4')"><i class=""></i>组</a>
                                </li>
                            </ul>
                        </li>
                        <li class="treeview kimcharts">
                            <a href="javascript:void()">
                                <i class="fa fa-pie-chart"></i>
                                <span>图表</span>
                                <span class="pull-right-container">
                                    <i class="fa fa-angle-right pull-right"></i>
                                </span>
                            </a>
                            <ul class="treeview-menu">
                                <li><a href="javascript:kimURL('../charts/chartjs.html','kimcharts1')"><i
                                            class=""></i>基本图表</a></li>
                                <li><a href="javascript:kimURL('../charts/flot.html','kimcharts2')"><i
                                            class=""></i>浮动</a>
                                </li>
                                <li><a href="javascript:kimURL('../charts/inline.html','kimcharts3')"><i
                                            class=""></i>内联图表</a></li>
                                <li><a href="javascript:kimURL('../charts/morris.html','kimcharts4')"><i
                                            class=""></i>Morris</a>
                                </li>
                                <li><a href="javascript:kimURL('../charts/peity.html','kimcharts5')"><i
                                            class=""></i>Peity</a></li>
                            </ul>
                        </li>


                        <li class="treeview kimforms">
                            <a href="javascript:void()">
                                <i class="fa fa-edit"></i> <span>表单类</span>
                                <span class="pull-right-container">
                                    <i class="fa fa-angle-right pull-right"></i>
                                </span>
                            </a>
                            <ul class="treeview-menu">
                                <li><a href="javascript:kimURL('../forms/advanced.html','kimforms1')"><i
                                            class=""></i>表单高级元素</a>
                                </li>
                                <li><a href="javascript:kimURL('../forms/code-editor.html','kimforms2')"><i
                                            class=""></i>代码编辑器</a>
                                </li>
                                <li><a href="javascript:kimURL('../forms/editor-markdown.html','kimforms3')"><i
                                            class=""></i>Markdown</a></li>
                                <li><a href="javascript:kimURL('../forms/editors.html','kimforms4')"><i
                                            class=""></i>Editors</a>
                                </li>
                                <li><a href="javascript:kimURL('../forms/form-validation.html','kimforms5')"><i
                                            class=""></i>表单验证</a></li>
                                <li><a href="javascript:kimURL('../forms/form-wizard.html','kimforms6')"><i
                                            class=""></i>表单向导</a>
                                </li>
                                <li><a href="javascript:kimURL('../forms/general.html','kimforms7')"><i
                                            class=""></i>一般元素</a></li>
                                <li><a href="javascript:kimURL('../forms/mask.html','kimforms8')"><i
                                            class=""></i>格式化程序</a>
                                </li>
                                <li><a href="javascript:kimURL('../forms/xeditable.html','kimforms9')"><i
                                            class=""></i>Xeditable
                                        编辑器</a></li>
                            </ul>
                        </li>
                        <li class="treeview kimtables">
                            <a href="javascript:void()">
                                <i class="fa fa-table"></i> <span>表格</span>
                                <span class="pull-right-container">
                                    <i class="fa fa-angle-right pull-right"></i>
                                </span>
                            </a>
                            <ul class="treeview-menu">
                                <li><a href="javascript:kimURL('../tables/simple.html','kimtables1')"><i
                                            class=""></i>简单表格</a></li>
                                <li><a href="javascript:kimURL('../tables/data.html','kimtables2')"><i
                                            class=""></i>日期表格</a>
                                </li>
                                <li><a href="javascript:kimURL('../tables/editable-tables.html','kimtables3')"><i
                                            class=""></i>可编辑表格</a></li>
                                <li><a href="javascript:kimURL('../tables/table-color.html','kimtables4')"><i
                                            class=""></i>表格颜色</a>
                                </li>
                            </ul>
                        </li>

                        <li class="kimemail">
                            <a href="javascript:kimURL('../email/index.html','kimemail')">
                                <i class="fa fa-envelope-open-o"></i> <span>电子邮件</span>
                                <span class="pull-right-container">
                                    <i class="fa fa-angle-right pull-right"></i>
                                </span>
                            </a>
                        </li>

                        <li class="header nav-small-cap">额外组件</li>

                        <li class="treeview kimmap">
                            <a href="javascript:void()">
                                <i class="fa fa-map"></i> <span>地图</span>
                                <span class="pull-right-container">
                                    <i class="fa fa-angle-right pull-right"></i>
                                </span>
                            </a>
                            <ul class="treeview-menu">
                                <li><a href="javascript:kimURL('../map/map-google.html','kimmap1')"><i
                                            class=""></i>全球地图</a>
                                </li>
                                <li><a href="javascript:kimURL('../map/map-vector.html','kimmap2')"><i
                                            class=""></i>矢量图</a>
                                </li>
                            </ul>
                        </li>
                        <li class="treeview kimextension">
                            <a href="javascript:void()">
                                <i class="fa fa-plug"></i> <span>扩展</span>
                                <span class="pull-right-container">
                                    <i class="fa fa-angle-right pull-right"></i>
                                </span>
                            </a>
                            <ul class="treeview-menu">
                                <li><a href="javascript:kimURL('../extension/fullscreen.html','kimextension')"><i
                                            class=""></i>全屏</a></li>
                            </ul>
                        </li>
                        <li class="treeview kimsamplepage">
                            <a href="javascript:void()">
                                <i class="fa fa-file"></i> <span>示例页面</span>
                                <span class="pull-right-container">
                                    <i class="fa fa-angle-right pull-right"></i>
                                </span>
                            </a>
                            <ul class="treeview-menu">
                                <li><a href="javascript:kimURL('../samplepage/blank.html','kimsamplepage1')"><i
                                            class=""></i>空白卡</a>
                                </li>
                                <li><a href="javascript:kimURL('../samplepage/coming-soon.html','kimsamplepage2')"><i
                                            class=""></i>立即就来</a></li>
                                <li><a href="javascript:kimURL('../samplepage/custom-scroll.html','kimsamplepage3')"><i
                                            class=""></i>自定义滚动</a></li>
                                <li><a href="javascript:kimURL('../samplepage/faq.html','kimsamplepage4')"><i
                                            class=""></i>常见问题解答</a></li>
                                <li><a href="javascript:kimURL('../samplepage/gallery.html','kimsamplepage5')"><i
                                            class=""></i>画廊</a></li>
                                <li><a href="javascript:kimURL('../samplepage/invoice.html','kimsamplepage6')"><i
                                            class=""></i>发票联</a></li>
                                <li><a href="javascript:kimURL('../samplepage/lightbox.html','kimsamplepage7')"><i
                                            class=""></i>弹出式窗口</a></li>
                                <li><a href="javascript:kimURL('../samplepage/pace.html','kimsamplepage8')"><i
                                            class=""></i>步伐加载</a>
                                </li>
                                <li><a href="javascript:kimURL('../samplepage/pricing.html','kimsamplepage9')"><i
                                            class=""></i>价格展示</a></li>
                                <li class="treeview">
                                    <a href="javascript:void()"><i class=""></i>身份验证
                                        <span class="pull-right-container">
                                            <i class="fa fa-angle-right pull-right"></i>
                                        </span>
                                    </a>
                                    <ul class="treeview-menu">
                                        <li><a href="../samplepage/login.html" target="_blank"><i
                                                    class="fa fa-circle"></i>登录</a></li>
                                        <li><a href="../samplepage/register.html" target="_blank"><i
                                                    class="fa fa-circle"></i>注册</a></li>
                                        <li><a href="../samplepage/lockscreen.html" target="_blank"><i
                                                    class="fa fa-circle"></i>锁屏</a></li>
                                        <li><a href="../samplepage/user-pass.html" target="_blank"><i
                                                    class="fa fa-circle"></i>恢复密码</a></li>
                                    </ul>
                                </li>
                                <li class="treeview kimerror">
                                    <a href="javascript:void()"><i class=""></i>错误页面
                                        <span class="pull-right-container">
                                            <i class="fa fa-angle-right pull-right"></i>
                                        </span>
                                    </a>
                                    <ul class="treeview-menu">
                                        <li><a href="javascript:kimURL('../samplepage/404.html','kimerror1')"
                                                target="_blank"><i class="fa fa-circle"></i>404</a></li>
                                        <li><a href="javascript:kimURL('../samplepage/500.html','kimerror2')"
                                                target="_blank"><i class="fa fa-circle"></i>500</a></li>
                                        <li><a href="javascript:kimURL('../samplepage/maintenance.html','kimerror3')"
                                                target="_blank"><i class="fa fa-circle"></i>维护</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </li>


                        <li class="treeview">
                            <a href="javascript:void()">
                                <i class="fa fa-share"></i> <span>多级</span>
                                <span class="pull-right-container">
                                    <i class="fa fa-angle-right pull-right"></i>
                                </span>
                            </a>
                            <ul class="treeview-menu">
                                <li><a href="javascript:void()">一级</a></li>
                                <li class="treeview">
                                    <a href="javascript:void()">一级
                                        <span class="pull-right-container">
                                            <i class="fa fa-angle-right pull-right"></i>
                                        </span>
                                    </a>
                                    <ul class="treeview-menu">
                                        <li><a href="javascript:void()">二级</a></li>
                                        <li class="treeview">
                                            <a href="javascript:void()">二级
                                                <span class="pull-right-container">
                                                    <i class="fa fa-angle-right pull-right"></i>
                                                </span>
                                            </a>
                                            <ul class="treeview-menu">
                                                <li><a href="javascript:void()">三级</a></li>
                                                <li><a href="javascript:void()">三级</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </li>
                                <li><a href="javascript:void()">一级</a></li>
                            </ul>
                        </li>


                        <li class="treeview layout">
                            <a href="javascript:void()">
                                <i class="fa fa-files-o"></i>
                                <span>布局选项</span>
                                <span class="pull-right-container">
                                    <i class="fa fa-angle-right pull-right"></i>
                                </span>
                            </a>
                            <ul class="treeview-menu">
                                <li><a href="../layout/boxed.html"><i class=""></i>装箱的</a></li>
                                <li><a href="../layout/fixed.html"><i class=""></i>固定的</a></li>
                                <li><a href="../layout/collapsed-sidebar.html"><i class=""></i>折叠的侧边栏</a></li>
                            </ul>
                        </li>


 -->


































                    </ul>

                </section>
            </aside>


            <div id="router"></div>


            <!-- <footer class="main-footer">
                <div class="pull-right d-none d-sm-inline-block">
                    <ul
                        class="nav nav-primary nav-dotted nav-dot-separated justify-content-center justify-content-md-end">
                        <li class="nav-item">
                            <a class="nav-link" href="javascript:void(0)">FAQ</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#">Purchase Now</a>
                        </li>
                    </ul>
                </div>
                &copy; <a href="https://www.zbtservices.com/">2014-2019 Vmaotong.com. 版权所有. </a>
            </footer> -->

            <aside class="control-sidebar control-sidebar-light">
                <!-- Create the tabs -->
                <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
                    <li class="nav-item"><a href="#control-sidebar-home-tab" data-toggle="tab"><i
                                class="fa fa-home"></i></a></li>
                    <li class="nav-item"><a href="#control-sidebar-settings-tab" data-toggle="tab"><i
                                class="fa fa-cog fa-spin"></i></a></li>
                </ul>
                <!-- Tab panes -->
                <div class="tab-content">
                    <!-- Home tab content -->
                    <div class="tab-pane" id="control-sidebar-home-tab">
                        <h3 class="control-sidebar-heading">Recent Activity</h3>
                        <ul class="control-sidebar-menu">
                            <li>
                                <a href="javascript:void(0)">
                                    <i class="menu-icon fa fa-birthday-cake bg-danger"></i>

                                    <div class="menu-info">
                                        <h4 class="control-sidebar-subheading">Admin Birthday</h4>

                                        <p>Will be July 24th</p>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:void(0)">
                                    <i class="menu-icon fa fa-user bg-warning"></i>

                                    <div class="menu-info">
                                        <h4 class="control-sidebar-subheading">Jhone Updated His Profile</h4>

                                        <p>New Email : jhone_doe@demo.com</p>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:void(0)">
                                    <i class="menu-icon fa fa-envelope-o bg-info"></i>

                                    <div class="menu-info">
                                        <h4 class="control-sidebar-subheading">Disha Joined Mailing List</h4>

                                        <p>disha@demo.com</p>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:void(0)">
                                    <i class="menu-icon fa fa-file-code-o bg-success"></i>

                                    <div class="menu-info">
                                        <h4 class="control-sidebar-subheading">Code Change</h4>

                                        <p>Execution time 15 Days</p>
                                    </div>
                                </a>
                            </li>
                        </ul>
                        <!-- /.control-sidebar-menu -->

                        <h3 class="control-sidebar-heading">Tasks Progress</h3>
                        <ul class="control-sidebar-menu">
                            <li>
                                <a href="javascript:void(0)">
                                    <h4 class="control-sidebar-subheading">
                                        Web Design
                                        <span class="label label-danger pull-right">40%</span>
                                    </h4>

                                    <div class="progress progress-xxs">
                                        <div class="progress-bar progress-bar-danger" style="width: 40%"></div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:void(0)">
                                    <h4 class="control-sidebar-subheading">
                                        Update Data
                                        <span class="label label-success pull-right">75%</span>
                                    </h4>

                                    <div class="progress progress-xxs">
                                        <div class="progress-bar progress-bar-success" style="width: 75%"></div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:void(0)">
                                    <h4 class="control-sidebar-subheading">
                                        Order Process
                                        <span class="label label-warning pull-right">89%</span>
                                    </h4>

                                    <div class="progress progress-xxs">
                                        <div class="progress-bar progress-bar-warning" style="width: 89%"></div>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:void(0)">
                                    <h4 class="control-sidebar-subheading">
                                        Development
                                        <span class="label label-primary pull-right">72%</span>
                                    </h4>

                                    <div class="progress progress-xxs">
                                        <div class="progress-bar progress-bar-primary" style="width: 72%"></div>
                                    </div>
                                </a>
                            </li>
                        </ul>
                        <!-- /.control-sidebar-menu -->

                    </div>
                    <!-- /.tab-pane -->
                    <!-- Stats tab content -->
                    <div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div>
                    <!-- /.tab-pane -->
                    <!-- Settings tab content -->
                    <div class="tab-pane" id="control-sidebar-settings-tab">
                        <form method="post">
                            <h3 class="control-sidebar-heading">General Settings</h3>

                            <div class="form-group">
                                <input type="checkbox" id="report_panel" class="chk-col-grey">
                                <label for="report_panel" class="control-sidebar-subheading ">Report panel usage</label>

                                <p>
                                    general settings information
                                </p>
                            </div>
                            <!-- /.form-group -->

                            <div class="form-group">
                                <input type="checkbox" id="allow_mail" class="chk-col-grey">
                                <label for="allow_mail" class="control-sidebar-subheading ">Mail redirect</label>

                                <p>
                                    Other sets of options are available
                                </p>
                            </div>
                            <!-- /.form-group -->

                            <div class="form-group">
                                <input type="checkbox" id="expose_author" class="chk-col-grey">
                                <label for="expose_author" class="control-sidebar-subheading ">Expose author
                                    name</label>

                                <p>
                                    Allow the user to show his name in blog posts
                                </p>
                            </div>
                            <!-- /.form-group -->

                            <h3 class="control-sidebar-heading">Chat Settings</h3>

                            <div class="form-group">
                                <input type="checkbox" id="show_me_online" class="chk-col-grey">
                                <label for="show_me_online" class="control-sidebar-subheading ">Show me as
                                    online</label>
                            </div>
                            <!-- /.form-group -->

                            <div class="form-group">
                                <input type="checkbox" id="off_notifications" class="chk-col-grey">
                                <label for="off_notifications" class="control-sidebar-subheading ">Turn off
                                    notifications</label>
                            </div>
                            <!-- /.form-group -->

                            <div class="form-group">
                                <label class="control-sidebar-subheading">
                                    <a href="javascript:void(0)" class="text-red margin-r-5"><i
                                            class="fa fa-trash-o"></i></a>
                                    Delete chat history
                                </label>
                            </div>
                            <!-- /.form-group -->
                        </form>
                    </div>
                    <!-- /.tab-pane -->
                </div>
            </aside>

            <div class="control-sidebar-bg"></div>






        </div>

    </body>


    <!---------------------   大额加载  ------------------------------>

    <script src="../../../assets/vendor_components/jquery-ui/jquery-ui.js"></script>
    <script>
        $.widget.bridge('uibutton', $.ui.button);
    </script>
    <script src="../../../assets/vendor_components/popper/dist/popper.min.js"></script>
    <script src="../../../assets/vendor_components/bootstrap/dist/js/bootstrap.js"></script>
    <script src="../../../assets/vendor_components/chart.js-master/Chart.min.js"></script>
    <script src="../../../assets/vendor_components/jquery-slimscroll/jquery.slimscroll.js"></script>
    <script src="../../../assets/vendor_components/fastclick/lib/fastclick.js"></script>
    <script src="../../../assets/vendor_components/jquery.peity/jquery.peity.js"></script>
    <script src="../../../assets/vendor_components/raphael/raphael.min.js"></script>
    <script src="../../../assets/vendor_components/morris.js/morris.min.js"></script>
    <script src="../../js/template.js"></script>
    <!-- <script src="../../js/pages/dashboard.js"></script> -->
    <script src="../../js/demo.js"></script>
    <script src="../../../assets/vendor_components/jvectormap/lib2/jquery-jvectormap-2.0.2.min.js"></script>
    <script src="../../../assets/vendor_components/jvectormap/lib2/jquery-jvectormap-world-mill-en.js"></script>
    <script src="../../../assets/vendor_components/jvectormap/lib2/jquery-jvectormap-us-aea-en.js"></script>



    <script>
        $.get("https://www.easy-mock.com/mock/5d049e135ba86f54cb1d4799/zbt/api/currentUser").then(function (res) {
            $(".xhrUserName").text(res.name)
            $(".xhrUserEmail").text(res.email)
            localStorage.userName = res.name
            localStorage.userEmail = res.email
        }).catch(function (err) {
            res = cucurrentUser
            $(".xhrUserName").text(res.name)
            $(".xhrUserEmail").text(res.email)
            localStorage.userName = res.name
            localStorage.userEmail = res.email
        })


        $.get("https://www.easy-mock.com/mock/5d049e135ba86f54cb1d4799/zbt/zbt/messageList").then(function (res) {
            res.len = res.list.length
            $(".xhrMsg").append(template("msgTemp", res))
        })

        $.get("https://www.easy-mock.com/mock/5d049e135ba86f54cb1d4799/zbt/zbt/notifications").then(function (res) {
            res.len = res.list.length
            $(".xhrNotifications").append(template("notificationsTemp", res))
        })


        $.get("https://www.easy-mock.com/mock/5d049e135ba86f54cb1d4799/zbt/zbt/tasks").then(function (res) {
            res.len = res.list.length
            $(".xhrTasks").append(template("tasksTemp", res))
        })
    </script>


    <script>
        function getIframeByElement(element) {
            var iframe;
            $("iframe").each(function () {
                if (element.ownerDocument === this.contentWindow.document) {
                    iframe = this;
                }
                return !iframe;
            });
            return iframe;
        }
    </script>


    <script>
        (function ($) {
            $.getUrlParam = function (name) {
                var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
                var r = window.location.search.substr(1).match(reg); //匹配目标参数
                if (r != null) return unescape(r[2]);
                return null; //返回参数值
            }
        })(jQuery);
    </script>



    <script>
        var _router = $.getUrlParam("router")
        var _className;
        // if (!_router) { _router = "../messageCenter/personalMessage.html" }
        if (!_router) { _router = "./Workbench.html" }
        $('#router').html(`<iframe src="${_router}" id="kimWorkbench" frameborder="0" style="width: 100%;height: 3500px;"></iframe>`);  //内嵌框架
        $("[data-toggle='push-menu']").click(
            function () {
                $('#kimWorkbench').contents().find("[data-toggle='push-menu']")[0].click()  //从父窗口控制子iframe的菜单收缩推拉
            })

    </script>

    <script>

        var kimURL = function (router, eleNode) {
            _router = router
            _eleNode = eleNode
            $("." + eleNode.match(/\D*/)[0]).addClass('active').siblings().removeClass('active')
            console.log(router, "." + eleNode.match(/\D*/)[0])
            $('#router').append(`<iframe id='${_eleNode}' src="${router}" frameborder="0" style="width:100%;height:3000px;"></iframe>`);  //内嵌框架
            $("#" + _eleNode).show().siblings().remove()
            $("[data-toggle='push-menu']").click(
                function () {
                    $('#kimWorkbench').contents().find("[data-toggle='push-menu']")[0].click()  //从父窗口控制子iframe的菜单收缩推拉
                })


        }

        document.onkeydown = function (e) {
            if (e.keyCode == 116) {
                $('#router').html(`<iframe src="${_router}" id="${_eleNode}" frameborder="0" style="width: 100%;height:3000px;"></iframe>`);  //内嵌框架
                e.keyCode = 0;
                e.preventDefault()
                e.cancelBubble = true;
                return false;
            }
        }

        $("[data-toggle='push-menu']").on("click", function () {
            $(".treeview-menu").hide()
        })




    </script>

</html>